<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/layouts/sinMenuLayout.xhtml">

<!-- verSolicitud.xhtml -->

	<ui:define name="title">
		<h:outputText value="#{msg.cabecera_tittle}" />
	</ui:define>
	
	<ui:define name="content">
	
		<h:form id="verFactura">
		
			<h:panelGroup layout="block" styleClass="bloqueMensajes">
				<p:messages>
		 		</p:messages>
		    </h:panelGroup>
			<br/>
			<p:panel id="panelFactura">
				<f:facet name="header">
					<h:outputText value="#{msg.field_factura}: " />	
					<h:outputText value="#{factura.fechaDesde}" styleClass="tamanioLetraPequenio"> 
				            <f:convertDateTime pattern="dd/MM/yyyy" timeZone="CET"></f:convertDateTime>
				    </h:outputText>
				    <h:outputText value=" - " styleClass="tamanioLetraPequenio"/>
				    <h:outputText value="#{factura.fechaHasta}" styleClass="tamanioLetraPequenio"> 
				            <f:convertDateTime pattern="dd/MM/yyyy" timeZone="CET"></f:convertDateTime>
				    </h:outputText>		
				</f:facet>
				

				<p:panel id="panelDatosFactura" toggleable="true">
					<f:facet name="header">
						<h:outputText value="Datos Generales: " />	
					</f:facet>
					<h:panelGrid columns="8">
	
						<h:outputText value="&nbsp;&nbsp;Numero:&nbsp;&nbsp;" styleClass="colorLabels"/>
						<h:outputLabel value="#{factura.numero}" />
						
						<h:outputText value="&nbsp;&nbsp;Lecturas:&nbsp;&nbsp;" styleClass="colorLabels"/>
						<h:outputLabel value="#{factura.lecturas}" />
						
						<h:outputText value="&nbsp;&nbsp;Consumo:&nbsp;&nbsp;" styleClass="colorLabels"/>
						<h:outputLabel value="#{factura.consumo}" />
						
						<h:outputText value="&nbsp;&nbsp;Vivienda:&nbsp;&nbsp;" styleClass="colorLabels"/>
						<h:outputLabel value="8" />
						
					
				
					</h:panelGrid>
					
					<h:panelGrid columns="8">

						<h:outputText value="&nbsp;&nbsp;Agua:&nbsp;&nbsp;" styleClass="colorLabels"/>
						<h:outputText value="#{factura.importeAgua}" styleClass="tamanioLetraPequenio">
								<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
						</h:outputText> 
						
						<h:outputText value="&nbsp;&nbsp;Cuota Fija:&nbsp;&nbsp;&nbsp;" styleClass="colorLabels"/>
						<h:outputText value="#{factura.importeCuota}" styleClass="tamanioLetraPequenio">
								<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
						</h:outputText> 
						
						<h:outputText value="&nbsp;&nbsp;Basura:&nbsp;&nbsp;" styleClass="colorLabels"/>
						<h:outputText value="#{factura.importeRSU}" styleClass="tamanioLetraPequenio">
								<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
						</h:outputText> 
						
						<h:outputText value="&nbsp;&nbsp;Total:&nbsp;&nbsp;" styleClass="colorLabels"/>
						<h:outputText value="#{factura.total}" styleClass="tamanioLetraPequenio">
								<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
						</h:outputText> 
					</h:panelGrid>
					
				</p:panel>
				
				<p:panel id="panelDatosEconomicos" toggleable="true">
					<f:facet name="header">
						<h:outputText value="Datos Economicos: " />	
					</f:facet>
					<h:panelGrid columns="3">
	
						<h:outputText value="&nbsp;&nbsp;Importe m3 (Agua / Consumo):&nbsp;&nbsp;" styleClass="colorLabels"/>
						<h:outputLabel value="#{factura.importeAgua} / #{factura.consumo} =" />
						<h:outputText value="#{factura.importem3}" styleClass="tamanioLetraPequenio">
								<f:convertNumber minFractionDigits="3" maxFractionDigits="3" minIntegerDigits="1" />
						</h:outputText>
						
						<h:outputText value="&nbsp;&nbsp;Cuota Fija (8 Propietarios):&nbsp;&nbsp;" styleClass="colorLabels"/>
						<h:outputLabel value="#{factura.importeCuota} / 8 =" />
						<h:outputText value="#{factura.importeCuotaPropietario}" styleClass="tamanioLetraPequenio">
								<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
						</h:outputText>
						
						<h:outputText value="&nbsp;&nbsp;Basura (8 Propietarios):&nbsp;&nbsp;" styleClass="colorLabels"/>
						<h:outputLabel value="#{factura.importeRSU} / 8 =" />
						<h:outputText value="#{factura.importeRSUPropietario}" styleClass="tamanioLetraPequenio">
								<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
						</h:outputText>
					
				
					</h:panelGrid>
					
					
					
				</p:panel>
		
				<h:panelGroup layout="block" styleClass="bloqBotonera">
				<h:panelGrid columns="1" columnClasses="botoneraCentral" cellpadding="0" width="100%" cellspacing="0" border="0">				
					<h:panelGrid columns="1" width="100%" border="0">
						<h:panelGroup styleClass="botonCentralBotonera">
								<p:commandButton id="btnSimular" value="#{msg.botonera_simular}" title="#{msg.botonera_simular}" action="simular" disabled="#{factura.bRecibosGuardados}"/>
								<p:commandButton id="btnVolver" value="#{msg.botonera_volver}" title="#{msg.botonera_volver}" action="volver"/>
								<p:commandButton id="btnGuardar" value="#{msg.botonera_guardar}" title="#{msg.botonera_guardar}" action="guardar" disabled="#{!factura.bCuadraRecibo or factura.bRecibosGuardados}"/>
						</h:panelGroup>				
					</h:panelGrid>
				</h:panelGrid>
			</h:panelGroup>
				
			</p:panel>
			
			
					<fieldset>
						<legend><h3><h:outputText value="&nbsp;&nbsp;#{msg.field_recibos}&nbsp;&nbsp;" /></h3></legend>
												
						<p:dataTable var="varRecibo" value="#{factura.lstRecibos}" styleClass="centrarTextos" id="tablaPropietarios"
		                emptyMessage="#{msg.mensaje_sinResultados}" rowIndexVar="rowIndex" 
                 		rowStyleClass="#{rowIndex%2 == 0 ? 'colorFilaPar' : 'colorFilaImpar'}">
		  				
					       	 <p:column >  
					            <f:facet name="header">  
					                <h:outputText value="" styleClass="tamanioLetraPequenio"/>
					            </f:facet>  
					            
					            <h:commandButton value="" action="imprimirRecibo" target="_blank" image="/images/pdf.png" title="#{msg.botonera_imprimir}" rendered="#{factura.bRecibosGuardados}">
				            		<f:param name="reciboSeleccionado" value="#{varRecibo.id}"></f:param>
				        	 	</h:commandButton>
				
					       </p:column> 
					       <p:column sortBy="#{varRecibo.propietario.piso}" >  
					            <f:facet name="header">  
						            <h:outputText value="#{msg.recibo_piso}" styleClass="tamanioLetraPequenio"/>
					            </f:facet>  
					             
					            <h:outputText value="#{varRecibo.propietario.piso}" styleClass="tamanioLetraPequenio"/> 
					       </p:column>
					       <p:column sortBy="#{varRecibo.lecturaInicial}" >  
					            <f:facet name="header">  
						            <h:outputText value="#{msg.recibo_lecturaInicial}" styleClass="tamanioLetraPequenio"/>
					            </f:facet>  
					            <h:outputText value="#{varRecibo.lecturaInicial}" styleClass="tamanioLetraPequenio">
									<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
								</h:outputText>  
					       </p:column>
					       <p:column sortBy="#{varRecibo.lecturaFinal}" >  
					            <f:facet name="header">  
						            <h:outputText value="#{msg.recibo_lecturaFinal}" styleClass="tamanioLetraPequenio"/>
					            </f:facet>  
					            <h:outputText value="#{varRecibo.lecturaFinal}" styleClass="tamanioLetraPequenio">
									<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
								</h:outputText>   
					       </p:column>
					        <p:column sortBy="#{varRecibo.consumo}" >  
					            <f:facet name="header">  
						            <h:outputText value="#{msg.recibo_consumo}" styleClass="tamanioLetraPequenio"/>
					            </f:facet>  
					            <h:outputText value="#{varRecibo.consumo}" styleClass="tamanioLetraPequenio">
									<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
								</h:outputText> 
					       </p:column>
					       
					        <p:column>  
					            <f:facet name="header">  
						            <h:outputText value="#{msg.recibo_desglose}" styleClass="tamanioLetraPequenio"/>
					            </f:facet>  
					             
					            <h:outputText value="#{varRecibo.consumo}" styleClass="tamanioLetraPequenio">
									<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
								</h:outputText>  
					   			<h:outputText value=" * " styleClass="tamanioLetraPequenio"/> 
					   
					            <h:outputText value="#{factura.importem3}" styleClass="tamanioLetraPequenio">
									<f:convertNumber minFractionDigits="3" maxFractionDigits="3" minIntegerDigits="1" />
								</h:outputText>
								 <h:outputText value=" = " styleClass="tamanioLetraPequenio"/> 
								<h:outputText value="#{varRecibo.importeAgua}" styleClass="tamanioLetraPequenio">
									<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
								</h:outputText>
								<h:outputText value=" + " styleClass="tamanioLetraPequenio"/> 
								<h:outputText value="#{factura.importeCuotaPropietario}" styleClass="tamanioLetraPequenio">
									<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
								</h:outputText>
								<h:outputText value=" + " styleClass="tamanioLetraPequenio"/> 
								<h:outputText value="#{factura.importeRSUPropietario}" styleClass="tamanioLetraPequenio">
									<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
								</h:outputText>
								<h:outputText value=" = " styleClass="tamanioLetraPequenio"/> 
					       </p:column>
					       
					        <p:column sortBy="#{varRecibo.total}" >  
					            <f:facet name="header">  
						            <h:outputText value="#{msg.recibo_total}" styleClass="tamanioLetraPequenio"/>
					            </f:facet>  
					            
					            <h:outputText value="#{varRecibo.total}" styleClass="tamanioLetraPequenio">
									<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
								</h:outputText>
					            
					       </p:column>
				     <f:facet name="footer">  
          				 Suma total de consumo: 
           						<h:outputText value="#{factura.consumoSumatorio}" >
									<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
								</h:outputText>
           				- 
           				Suma total recibos: 
           						<h:outputText value="#{factura.totalSumatorio}" >
									<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
								</h:outputText>
        			</f:facet> 
				</p:dataTable> 
				  
			</fieldset>

		</h:form>
	</ui:define>

</ui:composition>
</html>
